<script setup>
import { defineProps, ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import dayjs from 'dayjs'
import { detectFileType } from '@/utils/fileTypeUtils'

const props = defineProps(['data'])
const previewOfficeRef = ref(null)
const previewImageFn = (photoImg) => {
  uni.previewImage({
    current: 0,
    urls: [photoImg],
  })
}

const isFileTypeFn = (testUrl) => {
  let { type, extension } = detectFileType(testUrl)
  return { type, extension }
}
// 文件下载工具函数
function downloadArchive(url, fileName) {
  return new Promise((resolve, reject) => {
    // [1] 下载文件
    const downloadTask = uni.downloadFile({
      url: url,
      success: (res) => {
        if (res.statusCode === 200) {
          // [2] 保存文件
          handleSaveFile(res.tempFilePath, fileName).then(resolve).catch(reject)
        } else {
          reject(new Error(`下载失败，状态码：${res.statusCode}`))
        }
      },
      fail: (err) => reject(err),
    })

    // [可选] 监听下载进度
    downloadTask.onProgressUpdate((res) => {
      console.log(`下载进度：${res.progress}%`)
    })
  })
}

// 多平台保存处理
function handleSaveFile(tempPath, fileName) {
  return new Promise((resolve, reject) => {
    // 平台判断
    switch (uni.getSystemInfoSync().platform) {
      // [1] H5 端处理
      case 'h5':
        const link = document.createElement('a')
        link.href = tempPath
        link.download = fileName
        link.click()
        resolve({ saved: true })
        break

      // [2] 微信小程序处理
      case 'mp-weixin':
        uni.showModal({
          title: '保存文件',
          content: '请手动保存文件到手机',
          success: () => {
            // 打开文档预览触发保存
            uni.openDocument({
              filePath: tempPath,
              showMenu: true,
              success: () => resolve({ saved: true }),
              fail: reject,
            })
          },
        })
        break

      // [3] App 端处理
      case 'android':
      case 'ios':
        // 获取存储权限
        uni.authorize({
          scope: 'scope.writePhotosAlbum',
          success: () => {
            uni.saveFile({
              tempFilePath: tempPath,
              success: (res) => {
                // Android 需要额外处理文件路径
                const savedPath =
                  plus.os.name === 'Android' ? `file://${res.savedFilePath}` : res.savedFilePath
                resolve({ path: savedPath })
              },
              fail: reject,
            })
          },
          fail: () => reject('无存储权限'),
        })
        break
    }
  })
}
const yasuobaFn = (tempPath) => {
  handleSaveFile(tempPath, 'ERP')
}
onLoad(() => {})
</script>

<template>
  <view class="container">
    <uni-card :border="false" :is-shadow="false" margin="0" padding="0" spacing="0">
      <view style="display: flex; align-items: center">
        <text class="titleText">审批详情</text>
      </view>
      <!-- 请假-->
      <view v-if="data.type === '请假'">
        <view class="infoContainer">
          <text class="infoTitle">假期类型</text>
          <text class="infoText">{{ props.data.type2 }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">开始时间</text>
          <text class="infoText"
            >{{ dayjs(props.data.startTime).format('YYYY-MM-DD HH:mm') }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">结束时间</text>
          <text class="infoText">{{ dayjs(props.data.endTime).format('YYYY-MM-DD HH:mm') }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">时长</text>
          <text
            class="infoText"
            v-if="
              props.data.type2 === '事假' ||
              props.data.type2 === '病假' ||
              props.data.type2 === '调休假' ||
              props.data.type2 === '其他'
            "
            >{{
              props.data.duration % 4 === 0
                ? (props.data.duration / 4) * 0.5 + '天'
                : props.data.duration + '小时'
            }}
          </text>
          <text class="infoText" v-else>{{ props.data.duration }} 天</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">请假事由</text>
          <text class="infoText">
            {{ props.data.reason ? props.data.reason : '无' }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">说明附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
      <view v-if="data.type === '补卡'">
        <view class="infoContainer">
          <text class="infoTitle">补卡班次</text>
          <text class="infoText">{{ props.data.position }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">提交时间</text>
          <text class="infoText">{{ props.data.createTime }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">补卡日期</text>
          <text class="infoText">{{ dayjs(props.data.date).format('YYYY-MM-DD') }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">补卡时间</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">补卡事由</text>
          <text class="infoText">
            {{ props.data.reason ? props.data.reason : '无' }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">说明附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
      <view v-if="data.type === '加班'">
        <view class="infoContainer">
          <text class="infoTitle">提交时间</text>
          <text class="infoText">{{ props.data.createTime }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">开始时间</text>
          <text class="infoText">{{ props.data.startTime }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">结束时间</text>
          <text class="infoText">{{ props.data.endTime }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">加班时长</text>
          <text class="infoText">{{ props.data.duration }}小时</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">加班事由</text>
          <text class="infoText">
            {{ props.data.reason ? props.data.reason : '无' }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">说明附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
      <view v-if="data.type === '外出'">
        <view class="infoContainer">
          <text class="infoTitle">提交时间</text>
          <text class="infoText">{{ props.data.createTime }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">开始时间</text>
          <text class="infoText">{{ dayjs(props.data.startTime).format('YYYY-MM-DD') }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">结束时间</text>
          <text class="infoText">{{ props.data.endTime }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">外出时长</text>
          <text class="infoText">{{ props.data.duration }}小时</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">外出事由</text>
          <text class="infoText">
            {{ props.data.reason ? props.data.reason : '无' }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">说明附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
      <view v-if="data.type === '出差'">
        <view class="infoContainer">
          <text class="infoTitle">出差地点</text>
          <text class="infoText">{{ props.data.position }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">开始时间</text>
          <text class="infoText">{{ dayjs(props.data.startTime).format('YYYY-MM-DD') }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">结束时间</text>
          <text class="infoText">{{ props.data.endTime }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">出差时长</text>
          <text class="infoText">{{ props.data.duration }}小时</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">出差事由</text>
          <text class="infoText">
            {{ props.data.reason ? props.data.reason : '无' }}
          </text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">说明附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
      <!--      财务-->
      <view v-if="data.type === '经营性付款申请'">
        <view class="infoContainer">
          <text class="infoTitle">关联工单</text>
          <text class="infoText">{{ props.data.orderId }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">费用承担部门</text>
          <text class="infoText">{{ props.data.deptName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">付款事由</text>
          <text class="infoText">{{ props.data.reason }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">付款类别</text>
          <text class="infoText">{{ props.data.paymentCategory }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">费用种类</text>
          <text class="infoText">
            {{ props.data.costCategory ? props.data.costCategory : '无' }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">采购性质</text>
          <text class="infoText">
            {{ props.data.costCategory ? props.data.costCategory : '无' }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">付款金额</text>
          <text class="infoText"> {{ props.data.money }} 元</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">付款方式</text>
          <text class="infoText"> {{ props.data.paymentMethod }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">付款日期</text>
          <text class="infoText"> {{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">收款人全称</text>
          <text class="infoText"> {{ props.data.payeeFullName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">银行账号</text>
          <text class="infoText"> {{ props.data.bankAccount }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">开户行</text>
          <text class="infoText"> {{ props.data.bankOfDeposit }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">实际支付日期</text>
          <text class="infoText"> {{ props.data.date2 }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">备注说明</text>
          <text class="infoText"> {{ props.data.remark }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">关联申请单</text>
          <text class="infoText"> {{ props.data.applyID }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
      <view v-if="data.type === '非经营性付款申请'">
        <view class="infoContainer">
          <text class="infoTitle">费用承担部门</text>
          <text class="infoText">{{ props.data.deptName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">付款事由</text>
          <text class="infoText">{{ props.data.reason }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">费用类别</text>
          <text class="infoText">{{ props.data.costCategory }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">付款金额</text>
          <text class="infoText"> {{ props.data.money }} 元</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">付款方式</text>
          <text class="infoText"> {{ props.data.paymentMethod }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">付款日期</text>
          <text class="infoText"> {{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">收款人全称</text>
          <text class="infoText"> {{ props.data.payeeFullName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">银行账号</text>
          <text class="infoText"> {{ props.data.bankAccount }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">开户行</text>
          <text class="infoText"> {{ props.data.bankOfDeposit }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">实际支付日期</text>
          <text class="infoText"> {{ props.data.date2 }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">备注说明</text>
          <text class="infoText"> {{ props.data.remark }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
      <view v-if="data.type === '备用金申请'">
        <view class="infoContainer">
          <text class="infoTitle">申请人</text>
          <text class="infoText">{{ props.data.deptName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">部门</text>
          <text class="infoText">{{ props.data.reason }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">申请事由</text>
          <text class="infoText">{{ props.data.reason }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">申请金额</text>
          <text class="infoText"> {{ props.data.money }} 元</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">使用日期</text>
          <text class="infoText"> {{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">归还日期</text>
          <text class="infoText"> {{ props.data.date2 }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">备注</text>
          <text class="infoText"> {{ props.data.payeeFullName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">费用凭证</text>
          <image
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            :src="item"
            @tap="previewImageFn(item)"
          ></image>
        </view>
      </view>
      <view v-if="data.type === '文旅运营专项付款申请'">
        <view class="infoContainer">
          <text class="infoTitle">费用承担部门</text>
          <text class="infoText">{{ props.data.deptName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">付款事由</text>
          <text class="infoText">{{ props.data.reason }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">费用类别</text>
          <text class="infoText">{{ props.data.costCategory }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">付款金额</text>
          <text class="infoText"> {{ props.data.money }} 元</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">付款方式</text>
          <text class="infoText"> {{ props.data.paymentMethod }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">付款日期</text>
          <text class="infoText"> {{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">收款人全称</text>
          <text class="infoText"> {{ props.data.payeeFullName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">银行账号</text>
          <text class="infoText"> {{ props.data.bankAccount }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">开户行</text>
          <text class="infoText"> {{ props.data.bankOfDeposit }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">实际支付日期</text>
          <text class="infoText"> {{ props.data.date2 }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">备注说明</text>
          <text class="infoText"> {{ props.data.remark }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
      <view v-if="data.type === '业务招待报备申请'">
        <view class="infoContainer">
          <text class="infoTitle">关联工单</text>
          <text class="infoText">{{ props.data.orderId }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">招待日期</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">招待事由</text>
          <text class="infoText">{{ props.data.reason }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">招待对象</text>
          <text class="infoText"> {{ props.data.serviceObject }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">招待预算</text>
          <text class="infoText"> {{ props.data.money }} 元</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">陪同人员</text>
          <text v-for="item in JSON.parse(props.data.personnel)" class="infoText">
            {{ item.nickName }}
          </text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
      <view v-if="data.type === '采购申请'">
        <view class="infoContainer">
          <text class="infoTitle">申请事由</text>
          <text class="infoText">{{ props.data.reason }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">采购总金额</text>
          <text class="infoText">{{ props.data.money }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">采购类型</text>
          <text class="infoText">{{ props.data.purchaseNature }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle"> 期望交付日期</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view
          v-for="(item1, index1) in JSON.parse(props.data.details)"
          :key="index"
          class="detail-itemRequisition"
        >
          <view class="detail-item">
            <p>明细{{ index1 + 1 }}</p>
          </view>

          <view class="infoContainer">
            <text class="infoTitle">物品名称</text>
            <text class="infoText">{{ item1.goodsName }}</text>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">型号或规格</text>
            <text class="infoText">{{ item1.goodsModel }}</text>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">物品数量</text>
            <text class="infoText">{{ item1.goodsNumber }}</text>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">物品单位</text>
            <text class="infoText">{{ item1.goodsUnit }}</text>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">物品单价</text>
            <text class="infoText">{{ item1.goodsUnitPrice }}</text>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">物品金额</text>
            <text class="infoText">{{ item1.goodsMoney }}</text>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">采购用途</text>
            <text class="infoText">{{ item1.goodsPurpose }}</text>
          </view>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>

      <view v-if="data.type === '货品抵账申请'">
        <view class="infoContainer">
          <text class="infoTitle">抵账客户工单</text>
          <text class="infoText">{{ props.data.orderId }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">是否在合同约定抵货额度范围内</text>
          <text class="infoText">{{ props.data.isWithin }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">采购类型</text>
          <text class="infoText">{{ props.data.purchaseNature }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle"> 抵货日期</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view
          v-for="(item1, index1) in JSON.parse(props.data.details)"
          :key="index"
          class="detail-itemRequisition"
        >
          <view class="detail-item">
            <p>明细{{ index1 + 1 }}</p>
          </view>

          <view class="infoContainer">
            <text class="infoTitle">货品名称</text>
            <text class="infoText">{{ item1.goodsName }}</text>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">数量</text>
            <text class="infoText">{{ item1.goodsNumber }}</text>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">单位</text>
            <text class="infoText">{{ item1.goodsUnit }}</text>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">单价</text>
            <text class="infoText">{{ item1.goodsUnitPrice }}</text>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">金额</text>
            <text class="infoText">{{ item1.goodsMoney }}</text>
          </view>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">总金额</text>
          <text class="infoText">{{ props.data.money }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">备注</text>
          <text class="infoText">{{ props.data.remark }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>

      <view v-if="data.type === '项目资金众筹申请列表'">
        <view class="infoContainer">
          <text class="infoTitle">众筹人员</text>
          <text v-for="item in JSON.parse(props.data.personnel)" class="infoText">
            {{ item.nickName }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">众筹金额</text>
          <text class="infoText"> {{ props.data.money }} 元</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">预计资金到账日期</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>

      <view v-if="data.type === '油费报销申请'">
        <view class="infoContainer">
          <text class="infoTitle">报销人</text>
          <text v-for="item in JSON.parse(props.data.personnel)" class="infoText">
            {{ item.nickName }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">报销人部门</text>
          <text v-for="item in JSON.parse(props.data.serviceObject)" class="infoText">
            {{ item.deptName }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">报销事由</text>
          <text class="infoText">{{ props.data.reason }}</text>
        </view>
        <view
          v-for="(item1, index1) in JSON.parse(props.data.details)"
          :key="index"
          class="detail-itemRequisition"
        >
          <view class="detail-item">
            <p>费用明细{{ index1 + 1 }}</p>
          </view>

          <view class="infoContainer">
            <text class="infoText">{{ item1.key }}:{{ item1.value }}元</text>
          </view>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">费用汇总</text>
          <text class="infoText">{{ props.data.money }}元</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">支出方式</text>
          <text class="infoText">{{ props.data.paymentMethod }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">拜访客户</text>
          <text class="infoText">{{ props.data.position }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">拜访记录ID</text>
          <text class="infoText">{{ props.data.applyId }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle"> 报销日期</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">路线</text>
          <text class="infoText">{{ props.data.remark }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">报销凭证</text>
          <image
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            :src="item"
            @tap="previewImageFn(item)"
          >
          </image>
        </view>
      </view>

      <view v-if="data.type === '转正审批'">
        <view class="infoContainer">
          <text class="infoTitle">转正员工姓名</text>
          <text class="infoText">
            {{ props.data.nickName }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle"> 部门</text>
          <text class="infoText">{{ props.data.deptName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">入职日期</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">转正日期</text>
          <text class="infoText">{{ props.data.lastDate }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">转正后定岗职级</text>
          <text class="infoText"> {{ props.data.trialPost }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">转正后薪资总额及薪资结构</text>
          <text class="infoText"> {{ props.data.details }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>

      <view v-if="data.type === '入职申请'">
        <view class="infoContainer">
          <text class="infoTitle"> 分公司副总及以上</text>
          <text class="infoText">{{ props.data.trialPost }}</text>
        </view>

        <view
          v-for="(item1, index1) in JSON.parse(props.data.details)"
          :key="index"
          class="onboarding-box"
        >
          <view class="box-header" style="margin: 40rpx 0">
            <text>明细{{ index1 + 1 }}</text>
          </view>
          <view class="box-main">
            <view class="infoContainer">
              <text class="infoTitle"> 入职人姓名</text>
              <text class="infoText">{{ item1.entryName }}</text>
            </view>
            <view class="infoContainer">
              <text class="infoTitle"> 部门</text>
              <text class="infoText">{{ item1.deptName }}</text>
            </view>
            <view class="infoContainer">
              <text class="infoTitle"> 职位</text>
              <text class="infoText">{{ item1.posts }}</text>
            </view>
            <view class="infoContainer">
              <text class="infoTitle"> 入职日期</text>
              <text class="infoText">{{ item1.date }}</text>
            </view>
            <view class="infoContainer">
              <text class="infoTitle"> 试用期时长</text>
              <text class="infoText">{{ item1.probationPeriodDuration }}</text>
            </view>
            <view class="infoContainer">
              <text class="infoTitle"> 试用期工资及工资结构</text>
              <text class="infoText">{{ item1.rules }}</text>
            </view>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">附件</text>
            <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
              <view
                v-for="(file, index) in JSON.parse(props.data.attchment)"
                :key="index"
                class="file-item"
              >
                <view class="file-info">
                  <text class="file-name">{{ file }}</text>
                </view>
              </view>
            </view>
            <block
              v-for="item in JSON.parse(props.data.attchment)"
              :key="item"
              style="width: 100%; height: 100%"
            >
              <image
                v-if="isFileTypeFn(item).type === 'image'"
                :src="item"
                @tap="previewImageFn(item)"
              >
              </image>
              <cjx-previewOffice
                v-if="isFileTypeFn(item).extension === 'pdf'"
                ref="previewOfficeRef"
                :name="item"
                :open = "true"
                :type="isFileTypeFn(item).extension"
                :value="item"
              >
                {{ item }}
              </cjx-previewOffice>
              <cjx-previewOffice
                v-if="
                  isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
                "
                ref="previewOfficeRef"
                :name="item"
                :open = "true"
                :value="item"
                type="excel"
              >
                {{ item }}
              </cjx-previewOffice>
              <cjx-previewOffice
                v-if="
                  isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
                "
                ref="previewOfficeRef"
                :name="item"
                :open = "true"
                :value="item"
                type="word"
              >
                {{ item }}
              </cjx-previewOffice>
            </block>
          </view>
        </view>
      </view>

      <view v-if="data.type === '离职'">
        <view class="infoContainer">
          <text class="infoTitle"> 所属运营中心</text>
          <text class="infoText">{{ props.data.deptName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">离职申请人</text>
          <text v-for="item in JSON.parse(props.data.personnel)" class="infoText">
            {{ item.nickName }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">入职日期</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">最后工作日期</text>
          <text class="infoText">{{ props.data.lastDate }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">离职原因</text>
          <text class="infoText"> {{ props.data.reason }} 元</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">工作交接人</text>
          <text v-for="item in JSON.parse(props.data.successor)" class="infoText">
            {{ item.nickName }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">工作交接明细</text>
          <text class="infoText"> {{ props.data.successorDetail }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>

      <view v-if="data.type === '物品领用申请'">
        <view class="infoContainer">
          <text class="infoTitle"> 日期</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">领用用途分类</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">领用用途</text>
          <text class="infoText">{{ props.data.received }}</text>
        </view>
        <view
          v-for="(item1, index1) in JSON.parse(props.data.details)"
          :key="index"
          class="detail-itemRequisition"
        >
          <view class="detail-item">
            <p>明细{{ index1 + 1 }}</p>
          </view>

          <view class="infoContainer">
            <text class="infoTitle">物品名称</text>
            <text class="infoText">{{ item1.goodsName }}</text>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">物品名称</text>
            <text class="infoText">{{ item1.goodsNumber }}</text>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">物品单位</text>
            <text class="infoText">{{ item1.goodsUnit }}</text>
          </view>
          <view class="infoContainer">
            <text class="infoTitle">物品用途</text>
            <text class="infoText">{{ item1.purpose }}</text>
          </view>
        </view>
        <view class="infoContainer">
          <text class="infoTitle"> 采购总金额</text>
          <text class="infoText">{{ props.data.money }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle"> 备注</text>
          <text class="infoText">{{ props.data.remark }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
      <view v-if="data.type === '用章用印申请'">
        <view class="infoContainer">
          <text class="infoTitle"> 用印日期</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">使用人</text>
          <text class="infoText">{{ props.data.nickName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">用印部门</text>
          <text class="infoText">{{ props.data.deptName }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">印章类型</text>
          <text class="infoText"> {{ props.data.sealType }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">用印公司名称</text>
          <text class="infoText"> {{ props.data.printingCompanyName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">用印文件名称</text>
          <text class="infoText"> {{ props.data.printedDocuments }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
      <view v-if="data.type === '物品维修'">
        <view class="infoContainer">
          <text class="infoTitle">故障设备名称</text>
          <text class="infoText">{{ props.data.name }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">故障描述</text>
          <text class="infoText">{{ props.data.reason }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle"> 报修日期</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">预计维修费用</text>
          <text class="infoText"> {{ props.data.money }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
      <view v-if="data.type === '用车'">
        <view class="infoContainer">
          <text class="infoTitle">用车事由</text>
          <text class="infoText">{{ props.data.reason }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">开始时间</text>
          <text class="infoText">{{ props.data.startTime }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle"> 报修日期</text>
          <text class="infoText">{{ props.data.endTime }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">用车时长</text>
          <text class="infoText"> {{ props.data.drivingTime }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">用车目的地</text>
          <text class="infoText"> {{ props.data.destination }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">车辆类型</text>
          <text class="infoText"> {{ props.data.carType }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
      <view v-if="data.type === '合同流转'">
        <view class="infoContainer">
          <text class="infoTitle"> 合同名称</text>
          <text class="infoText">{{ props.data.name }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">对方单位名称</text>
          <text class="infoText">{{ props.data.otherCompanyName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">签约日期</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">我方单位名称</text>
          <text class="infoText"> {{ props.data.ourUnitsName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">我方负责人</text>
          <text class="infoText"> {{ props.data.functionary }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">合同金额</text>
          <text class="infoText"> {{ props.data.money }} 元</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>

      <view v-if="data.type === '固定资产报废申请'">
        <view class="infoContainer">
          <text class="infoTitle">报废设备名称</text>
          <text class="infoText">{{ props.data.name }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">报废原因</text>
          <text class="infoText">{{ props.data.reason }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>

      <view v-if="data.type === '会议室预定'">
        <view class="infoContainer">
          <text class="infoTitle">会议室名称</text>
          <text class="infoText">{{ props.data.name }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">开始时间</text>
          <text class="infoText">{{ props.data.startTime }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">结束时间</text>
          <text class="infoText">{{ props.data.endTime }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">参会人数</text>
          <text class="infoText">{{ props.data.attendance }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">参会人</text>
          <text class="infoText">{{ props.data.attendee }}</text>
        </view>
      </view>

      <view v-if="data.type === '公文流转'">
        <view class="infoContainer">
          <text class="infoTitle">文件名称</text>
          <text class="infoText">{{ props.data.name }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">紧急程度</text>
          <text class="infoText">{{ props.data.emergencyDegree }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">来文单位</text>
          <text class="infoText">{{ props.data.otherCompanyName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">来文日期</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">文件摘要</text>
          <text class="infoText">{{ props.data.reason }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">办理意见</text>
          <text class="infoText">{{ props.data.handlingAdvice }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>

      <view v-if="data.type === '临时工人使用申请'">
        <view class="infoContainer">
          <text class="infoTitle">项目名称</text>
          <text class="infoText">{{ props.data.projectName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">申请人</text>
          <text v-for="item in JSON.parse(props.data.personnel)" class="infoText">
            {{ item.nickName }}
          </text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">申请日期</text>
          <text class="infoText">{{ props.data.date }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">预支日期</text>
          <text class="infoText">{{ props.data.date2 }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">使用临时施工队的原因</text>
          <text class="infoText">{{ props.data.reason }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">项目区域</text>
          <text class="infoText">{{ props.data.projectArea }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">预计工费总金额</text>
          <text class="infoText">{{ props.data.estimatedCost }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">拟使用的施工队的工长名称及电话</text>
          <text class="infoText">{{ props.data.leaderAndPhone }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>

      <view v-if="data.type === '培训会议请假单'">
        <view class="infoContainer">
          <text class="infoTitle">所属部门</text>
          <text class="infoText">{{ props.data.deptName }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">申请类型</text>
          <text class="infoText">{{ props.data.leaceType }}</text>
        </view>
        <view class="infoContainer">
          <text class="infoTitle">具体情况描述</text>
          <text class="infoText">{{ props.data.remark }}</text>
        </view>

        <view class="infoContainer">
          <text class="infoTitle">附件</text>
          <view v-if="JSON.parse(props.data.attchment) > 0" class="file-list">
            <view
              v-for="(file, index) in JSON.parse(props.data.attchment)"
              :key="index"
              class="file-item"
            >
              <view class="file-info">
                <text class="file-name">{{ file }}</text>
              </view>
            </view>
          </view>
          <block
            v-for="item in JSON.parse(props.data.attchment)"
            :key="item"
            style="width: 100%; height: 100%"
          >
            <image
              v-if="isFileTypeFn(item).type === 'image'"
              :src="item"
              @tap="previewImageFn(item)"
            >
            </image>
            <cjx-previewOffice
              v-if="isFileTypeFn(item).extension === 'pdf'"
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :type="isFileTypeFn(item).extension"
              :value="item"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'xls' || isFileTypeFn(item).extension === 'xlsx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="excel"
            >
              {{ item }}
            </cjx-previewOffice>
            <cjx-previewOffice
              v-if="
                isFileTypeFn(item).extension === 'doc' || isFileTypeFn(item).extension === 'docx'
              "
              ref="previewOfficeRef"
              :name="item"
              :open = "true"
              :value="item"
              type="word"
            >
              {{ item }}
            </cjx-previewOffice>
          </block>
        </view>
      </view>
    </uni-card>
  </view>
</template>

<style lang="scss" scoped>
.container {
  width: 686rpx;
  background-color: #ffffff;
  margin: 0 32rpx 32rpx 0;
  padding: 32rpx;
  border-radius: 16rpx;
}

.detail-itemRequisition {
  margin-top: 32rpx;

  .detail-item {
    position: relative;
    padding-left: 30rpx;
    color: #86909c;

    &:after {
      position: absolute;
      content: '';
      width: 10rpx;
      height: 40rpx;
      background-color: #1890ff;
      left: 10rpx;
      top: 0;
    }
  }
}

.onboarding-box {
  .box-header {
    position: relative;
    padding-left: 30rpx;

    &:after {
      position: absolute;
      content: '';
      width: 10rpx;
      height: 40rpx;
      background-color: #1890ff;
      left: 10rpx;
      top: 0;
    }
  }
}

.titleText {
  color: #1d2129;
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 32rpx;
  font-style: normal;
  font-weight: 500;
  line-height: 44.8rpx;
}

.infoContainer {
  margin-top: 32rpx;

  image {
    width: 120rpx;
    height: 120rpx;
  }
}

.infoTitle {
  display: block;
  align-self: stretch;
  color: #86909c;
  font-family: 'PingFang SC';
  font-size: 28rpx;
  font-style: normal;
  font-weight: 400;
  line-height: 39.2rpx;
}

.infoText {
  margin-top: 8rpx;
  display: block;
  align-self: stretch;
  color: #1d2129;
  font-family: 'PingFang SC';
  font-size: 28rpx;
  font-style: normal;
  font-weight: 400;
  line-height: 39.2rpx;
}
</style>
